<template>
  <div class="container">
    <el-tabs v-model="activeName" @tab-click="handleClick" class="aaa">
      <el-tab-pane label="待审账户" name="first">
        <el-form label-width="100px">
          <el-row :gutter="3" class="m-contain">
            <el-col :span="5" :offset="1">
              <el-form-item label="账户编码:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.amountCode"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="账户名称:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.amountName"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="客户名称:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custData.custName"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2" class="checkMagin">
              <el-button type="primary" icon="el-icon-search" @click="checkInfo"
                >查询</el-button
              >
            </el-col>
          </el-row>
        </el-form>
        <el-table
          ref="multipleTable"
          :data="tableData"
          border
          stripe
          max-height="500"
          :header-cell-style="{
            background: '#F2F2F2',
            color: '#333',
          }"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column
            prop="acctCd"
            label="账户编码"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="acctName"
            label="账户名称"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="custName"
            label="客户名称"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="auditKind"
            label="审核类别"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="acctBillingType"
            label="账户类型"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="ifDefault"
            label="是否默认账户"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="createDate"
            label="创建时间"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column label="操作" width="220" align="center">
            <template slot-scope="scope">
              <el-button
                class="editBtn"
                @click="shHandleClick(scope.row)"
                type="text"
                size="small"
                >审核</el-button
              >
              <el-button
                class="delBtn"
                type="text"
                size="small"
                @click="watchClick(scope.row)"
                >查看审核历史</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          background
          @current-change="pageChange"
           @size-change="sizeChange"
          :current-page="parseInt(tablePage.pageIndex)"
          :page-size="parseInt(tablePage.pageSize)"
          :page-sizes="[10, 20, 30, 50, 100]"
          layout="total, sizes, prev, pager, next, jumper"
          :total="parseInt(tablePage.rowCount)"
          class="m-pagination"
        >
        </el-pagination>
        <el-dialog
          width="60%"
          title="账户审核页面"
          :close-on-click-modal="false"
          :visible.sync="diaVisible"
          append-to-body
          class="m-dialog sh-dialog"
        >
          <div class="cust-title">账户基本信息</div>
          <el-row :gutter="2" class="contain-info">
            <el-col
              class="t-list"
              v-for="(item, index) in dataArr"
              :span="item.name == '税务登记地址' ? 16 : 8"
              :key="index"
            >
              <el-col
                class="u-name"
                :span="item.name == '税务登记地址' ? 5 : 10"
                >{{ item.name }}:</el-col
              >
              <el-col
                class="u-value"
                :span="item.name == '税务登记地址' ? 19 : 14"
              >
                <!-- <el-row type="flex" align="center"> -->
                {{ item.value }}
                <!-- <el-col :span="6" v-if="item.flag == '1' ? true : false">
                    <span class="u-btn">
                      <template>
                        <el-button
                          type="primary"
                          @click="getfindGroupTree(item, index)"
                          size="mini"
                          :title="item.title"
                          class="checkBtn"
                        >
                          查看
                        </el-button>
                      </template>
                    </span>
                  </el-col> -->
                <!-- </el-row> -->
              </el-col>
            </el-col>
          </el-row>
          <div class="tableTitle">修改信息</div>
           <el-table
            ref="detailData"
            :data="
              detailData.slice(
                (dtablePage.pageIndex - 1) * dtablePage.pageSize,
                dtablePage.pageIndex * dtablePage.pageSize
              )
            "
            border
            :header-cell-style="{
              background: '#F2F2F2',
              color: '#333',
            }"
            tooltip-effect="dark"
            style="width: 100%"
          >
            <el-table-column type="index" width="50" align="center">
            </el-table-column>
            <el-table-column
              label="属性名称"
              prop="NAME"
              align="center"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="NEW_VALUE"
              label="新属性值"
              align="center"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="OLD_VALUE"
              label="原属性值"
              align="center"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="TIME"
              label="修改时间"
              align="center"
              show-overflow-tooltip
            >
            </el-table-column>
          </el-table>
          <el-pagination
            background
            @current-change="detailPageChange"
            :current-page="parseInt(dtablePage.pageIndex)"
            :page-size="parseInt(dtablePage.pageSize)"
            layout="total, prev, pager, next, jumper"
            :total="parseInt(detailData.length)"
            class="m-pagination"
          >
          </el-pagination>
           <el-form label-width="120px" ref="shResultdata" :model="shResultdata">
            <el-row>
              <el-col :span="9">
                <el-form-item label="审核结果:" class="u-ipt" required>
                  <el-select
                    v-model="shResultdata.shResult"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in custTypeList"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="7" :offset="8">
                <el-form-item label="审核人:" class="u-ipt" required>
                  <span style="position:relative;bottom:1px">{{user.staffName}}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="9">
                <el-form-item label="审核组织:" class="u-ipt" required>
                  <span style="position: relative; bottom: 1px">{{
                    user.orgName
                  }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="9">
                <el-form-item label="审核意见:" class="u-ipt" :required="shResultdata.shResult === 0 ? true : false">
                  <el-input type="textarea" v-model="shResultdata.shAdvice"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <div class="saveBox">
            <el-button type="primary" @click="saveInfo" class="saveBtn">
              保存
            </el-button>
          </div>
        </el-dialog>
      </el-tab-pane>
      <el-tab-pane label="已审账户" name="second">
        <el-form label-width="100px">
          <el-row :gutter="3" class="m-contain">
            <el-col :span="5" :offset="1">
              <el-form-item label="账户编码:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custDataRecord.amountCode"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="账户名称:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custDataRecord.amountName"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="5" class="custType">
              <el-form-item label="客户名称:" class="u-ipt">
                <el-input
                  placeholder=""
                  v-model="custDataRecord.custName"
                  class="input-with-select"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2" class="checkMagin">
              <el-button type="primary" icon="el-icon-search" @click="checkInfo"
                >查询</el-button
              >
            </el-col>
          </el-row>
        </el-form>
        <el-table
          ref="multipleTable"
          :data="tableData"
          border
          stripe
          max-height="500"
          :header-cell-style="{
            background: '#F2F2F2',
            color: '#333',
          }"
          tooltip-effect="dark"
          style="width: 100%"
        >
          <el-table-column
            prop="acctCd"
            label="账户编码"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="acctName"
            label="账户名称"
            align="center"
            show-overflow-tooltip
          >
          </el-table-column>
          <el-table-column
            prop="custName"
            label="客户名称"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="auditKind"
            label="审核类别"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="acctBillingType"
            label="账户类型"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="ifDefault"
            label="是否默认账户"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column
            prop="createDate"
            label="创建时间"
            show-overflow-tooltip
            align="center"
          >
          </el-table-column>
          <el-table-column label="操作" align="center" width="220">
            <template slot-scope="scope">
              <el-button
                class="delBtn"
                type="text"
                size="small"
                @click="watchClick(scope.row)"
                >查看审核历史</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          background
          @current-change="pageChange"
          @size-change="sizeChange"
          :current-page="parseInt(tablePage.pageIndex)"
          :page-size="parseInt(tablePage.pageSize)"
          layout="total, sizes, prev, pager, next, jumper"
          :page-sizes="[10, 20, 30, 50, 100]"
          :total="parseInt(tablePage.rowCount)"
          class="m-pagination"
        >
        </el-pagination>
      </el-tab-pane>
    </el-tabs>
    <el-dialog
      width="70%"
      title="账户审核历史"
      :close-on-click-modal="false"
      :visible.sync="watchVisible"
      append-to-body
      class="m-dialog"
    >
      <el-table
        :data="shTableData"
        border
        stripe
        style="width: 100%"
        class="jlTable"
      >
        <el-table-column
          fixed
          label="序号"
          align="center"
          type="index"
          width="50"
        >
        </el-table-column>
        <el-table-column
          fixed
          prop="acctCd"
          label="账户编码"
          width="100"
          align="center"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          fixed
          prop="acctName"
          label="账户名称"
          width="240"
          align="center"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditKind"
          label="审核类型"
          width="150"
          align="center"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditStatusCd"
          align="center"
          label="审核状态"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="sendAuditByName"
          align="center"
          label="创建人"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="sendAuditByCode"
          align="center"
          label="创建人账号"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="sendAuditByOrgName"
          align="center"
          label="创建人组织"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditorName"
          align="center"
          label="审核人"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditorCode"
          align="center"
          label="审核人账号"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditorOrgName"
          align="center"
          label="审核人组织"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditResult"
          align="center"
          label="审核结果"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditIdea"
          align="center"
          label="审核意见"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
        <el-table-column
          prop="auditDate"
          align="center"
          label="审核时间"
          width="100"
          show-overflow-tooltip
        >
        </el-table-column>
      </el-table>
      <el-pagination
        background
        @current-change="hisPageChange"
        :current-page="parseInt(tablePageRecord.pageIndex)"
        :page-size="parseInt(tablePageRecord.pageSize)"
        layout="total, prev, pager, next, jumper"
        :total="parseInt(tablePageRecord.rowCount)"
        class="m-pagination record-page"
      >
      </el-pagination>
      <div class="zhanwei" style="height: 50px"></div>
    </el-dialog>
  </div>
</template>

<script>
import CreateNewAccountManager from "@/api/customer/CreateNewAccountManager";
import modificationDetails from "@/api/customer/modificationDetails";
import { mapState } from "vuex";
export default {
  data() {
    return {
      activeName: "first",
      custData: {
        amountCode: "",
        amountName: "",
        custName: "",
      },
      custDataRecord: {
        amountCode: "",
        amountName: "",
        custName: "",
      },
      tablePage: {
        pageIndex: 1, //当前页码
        pageSize: 10, //每页多少条
        rowCount: 0, //总条数
      },
      tablePageRecord: {
        pageIndex: 1, //当前页码
        pageSize: 5, //每页多少条
        rowCount: 3, //总条数
      },
      shResultdata:{
        shResult:'',//审核结果
        shAdvice:'',//审核意见
      },//审核弹窗数据
      tableData: [],
      shTableData: [], //审核历史列表
      custTypeList: [
         {
          name: "请选择",
          code: '',
        },
        {
          name: "同意",
          code: 1,
        },
        {
          name: "不同意",
          code: 0,
        },
      ],
      dataArr: [
        { name: "客户名称", value: "" },
        { name: "账户名称", value: "" },
        { name: "纳税账号名称", value: "" },
        { name: "是否一般纳税人", value: "" },
        { name: "税务登记号", value: "" },
        { name: "税务登记号所属省份", value: "" },
        { name: "税务登记联系电话", value: "" },
        { name: "税务开户银行名称", value: "" },
        { name: "税务开户银行账户", value: "" },
        { name: "税务登记地址", value: "" },
        { name: "是否开增值发票", value: "" },
        { name: "提交税务审核日期", value: "" },
        { name: "审核状态", value: "" },
        { name: "审核通过日期", value: "" },
        { name: "通知短信手机号", value: "" },
        { name: "通知邮箱号", value: "" },
        { name: "取票方式", value: "" },
        { name: "邮寄地址", value: "" },
        { name: "邮编", value: "" },
        { name: "开票点", value: "" },
      ],
      diaVisible: false, //审核弹窗控制按钮
      watchVisible: false, //查看审核历史按钮
      shAdvice: "", //审核意见
      tabIndex: 0, //tab切换index
      row:'',
      detailData: [], //审核明细内容
      dtablePage: {
        pageIndex: 1,
        pageSize: 5,
        rowCount: 0,
      },
    };
  },

  components: {},

  computed:{
    ...mapState("user", ["user"]),
  },

  mounted() {
    this.getAccAuditHis();
  },

  methods: {
    async getAccAuditHis() {
      var params = {
        auditor: this.user.staffId,
        auditStatusCds: this.tabIndex == 0 ? "1200" : "1300,1400",
        pageIndex: this.tablePage.pageIndex,
        pageSize: this.tablePage.pageSize,
        custNameLike:
          this.tabIndex == 0
            ? this.custData.custName
            : this.custDataRecord.custName,
        acctNameLike:
          this.tabIndex == 0
            ? this.custData.amountName
            : this.custDataRecord.amountName,
        acctCdLike:
          this.tabIndex == 0
            ? this.custData.amountCode
            : this.custDataRecord.amountCode,
      };
      const result = await CreateNewAccountManager.getAccAuditHis(params);
      if (result.code == 200) {
        this.tableData = result.meta.accountAuditList;
        this.tablePage.rowCount = result.meta.pageInfo.rowCount;
        if (result.meta.accountAuditList) {
          this.tableData.forEach((item) => {
            item.auditKind = "账户纳税信息修改审核";
            item.ifDefault = item.ifDefault == 1 ? "是" : "否";
            item.acctBillingType =
              item.acctBillingType == "10260001"
                ? "普通账户"
                : item.acctBillingType == "10260002"
                ? "专用帐户"
                : "";
            item.createDate = item.createDate ?
              item.createDate.substring(0, 4) +
              "-" +
              item.createDate.substring(4, 6) +
              "-" +
              item.createDate.substring(6, 8) +
              " " +
              item.createDate.substring(8, 10) +
              ":" +
              item.createDate.substring(10, 12) +
              ":" +
              item.createDate.substring(12, 14) : '';
          });
        }
      }
    },
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex === 1) {
        return "title-row";
      }
      return "";
    },
    handleClick(tab) {
      this.tablePage.pageIndex = 1;
      if (tab.index == "0") {
        this.tabIndex = 0;
        this.tablePage.pageIndex = 1;
        (this.custData = {
          amountCode: "",
          amountName: "",
          custName: "",
        }),
          this.getAccAuditHis();
      } else {
        this.tabIndex = 1;
        (this.custDataRecord = {
          amountCode: "",
          amountName: "",
          custName: "",
        }),
          this.getAccAuditHis();
      }
    },
    checkInfo() {
      this.getAccAuditHis();
    },
    pageChange(val) {
      this.tablePage.pageIndex = val;
      this.getAccAuditHis();
    },
    sizeChange(val){
      this.tablePage.pageSize = val;
      this.getAccAuditHis();
    },
    detailPageChange(val){
       this.dtablePage.pageIndex = val;
    },
    hisPageChange(val) {
      this.tablePageRecord.pageIndex = val;
      this.watchInfo();
    },
    async shHandleClick(val) {
      this.row = val
      this.diaVisible = true;
      this.shResultdata ={
        shResult:'',//审核结果
        shAdvice:'',//审核意见
      }
      const res = await CreateNewAccountManager.getAccTaxDetail({
        acctId: val.acctId,
      });
      if (res.code == 200) {
        const result = res.meta;
        let takeType = "";
        if (result.takeType) {
          if (result.takeType == 1) {
            takeType = "邮寄";
          } else if (result.takeType == 2) {
            takeType = "客户自取";
          } else if (result.takeType == 3) {
            takeType = "上门送票";
          }
        }
        this.dataArr[0].value = this.isNull(val.custName);
        this.dataArr[1].value = this.isNull(result.acctName);
        this.dataArr[2].value = this.isNull(result.taxName); //纳税账号名称
        this.dataArr[3].value = result.generalTaxpayerFlag == 0 ? "否" : "是";
        this.dataArr[4].value = this.isNull(result.taxId);
        this.dataArr[5].value = this.isNull(result.taxProvinceName);
        this.dataArr[6].value = this.isNull(result.taxRelaTel);
        this.dataArr[7].value = this.isNull(result.taxBankName);
        this.dataArr[8].value = this.isNull(result.taxBankAcct);
        this.dataArr[9].value = this.isNull(result.taxRelaAddr);
        this.dataArr[10].value = result.vatInvoicesFlag == 0 ? "否" : "是";
        this.dataArr[11].value = this.isNull(result.submitDate);
        this.dataArr[12].value =
          this.isNull(result.audState) == ""
            ? ""
            : result.audState == 0
            ? "未通过"
            : "已通过";
        this.dataArr[13].value = this.isNull(result.approvalTime);
        this.dataArr[14].value = this.isNull(result.receiveMsgNum);
        this.dataArr[15].value = this.isNull(result.receiveEmail);
        this.dataArr[16].value = takeType;
        this.dataArr[17].value = this.isNull(result.billDeliverAddr);
        this.dataArr[18].value = this.isNull(result.postcode);
        this.dataArr[19].value = this.isNull(result.invoiceAddr);
        this.getUpdateTaxNewsLog();
      }
    },
     //账户纳税人信息修改明细
    async getUpdateTaxNewsLog(){
      let parmas = {
        accInfoLogId:this.row.accInfoLogId,
        custId:this.row.custId
      }
      const response = await modificationDetails.getUpdateTaxNewsLog(parmas);
      if(response.code == 200){
        this.detailData = response.meta.executeSqlResp
      }
    },
    async saveInfo() {
      if(this.shResultdata.shResult === ''){
        this.$confirm("请选择审核结果！", "提示", {
          confirmButtonText: "关闭",
          showCancelButton: false,
          type: 'warning',
          center: true,
        })
        return false
      }
      if(this.shResultdata.shResult === 0 && this.shResultdata.shAdvice == ''){
        this.$confirm("审核意见不能为空！", "提示", {
          confirmButtonText: "关闭",
          showCancelButton: false,
          type: 'warning',
          center: true,
        })
        return false
      }
      let parmas = {
        accInfoLogId:this.row.accInfoLogId,
        accountAuditId:this.row.accountAuditId,
        auditResult:this.shResultdata.shResult,
        auditIdea:this.shResultdata.shAdvice, 
        staffId: this.user.staffId, 		
        custId: this.row.custId,
      }
      const result = await CreateNewAccountManager.saveAccAuditTax(parmas);
      if(result.code == 200){
        if(result.meta.resultCode == 0){
          this.getAccAuditHis();
          this.diaVisible = false;
        }else {
          this.$message({
            showClose: true,
            message: result.meta.resultMsg,
            type: 'error'
          });
        }
      }
    },
    //查看审核历史
    async watchClick(val) {
      this.row = val;
      this.watchVisible = true;
      this.watchInfo()
    },
    async watchInfo() {
      var params = {
        acctId: this.row.acctId,
        custId: this.row.custId,
        pageIndex: this.tablePageRecord.pageIndex,
        pageSize: this.tablePageRecord.pageSize,
      };
      const result = await CreateNewAccountManager.getAccAuditHis(params);
      if (result.code == 200) {
        this.shTableData = result.meta.accountAuditList;
        this.tablePageRecord.rowCount = result.meta.pageInfo.rowCount;
        if (result.meta.accountAuditList) {
          this.shTableData.forEach((item) => {
            if (item.auditStatusCd == 1200) {
              item.auditStatusCd = "审核中";
            } else if (item.auditStatusCd == 1300) {
              item.auditStatusCd = "审核通过";
            } else if (item.auditStatusCd == 1400) {
              item.auditStatusCd = "审核不通过";
            }
            (item.auditKind = "账户纳税信息修改审核"),
              (item.auditResult = item.auditResult == 1 ? "通过" : "不通过");
            item.auditDate = item.auditDate
              ? item.auditDate.substring(0, 4) +
                "-" +
                item.auditDate.substring(4, 6) +
                "-" +
                item.auditDate.substring(6, 8) +
                " " +
                item.auditDate.substring(8, 10) +
                ":" +
                item.auditDate.substring(10, 12) +
                ":" +
                item.auditDate.substring(12, 14)
              : "";
          });
        }
      }
    },
    isNull(val) {
      if (
        val == "NaN" ||
        val == "null" ||
        val == "undefined" ||
        val == undefined
      ) {
        return (val = "");
      } else {
        return val;
      }
    },
  },
};
</script>
<style lang='scss' scoped>
.container {
  height: 100%;
  width: 100%;
  background-color: #fff;
  padding: 15px;
}
.el-table__fixed {
  height: 100% !important;
}
.u-ipt {
  padding: 0;
}
.editBtn,
.delBtn {
  padding: 0;
}
.sh-dialog > ::v-deep .el-dialog {
  height: 75%;
  overflow: hidden;
  .el-dialog__body {
    position: absolute;
    left: 0;
    top: 54px;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
  }
}
.m-pagination {
  text-align: right;
  margin: 10px 30px 10px 0;
}
.contain-info {
  padding-bottom: 10px;
  // border-bottom: 1px solid rgb(102, 102, 102);
}
// .t-list {
//   height: 30px;
//   line-height: 30px;
// }
.u-btn {
  margin-left: 10px;
}
.u-name {
  height: 30px;
  text-align: right;
  color: #666;
}
.u-value {
  height: 30px;
  text-align: left;
  color: #999;
}
.saveBox {
  height: 50px;
  text-align: center;
}
.checkBtn {
  min-height: 20px;
  padding: 0;
  line-height: 20px;
  width: 40px;
  font-size: 12px;
}
.saveBtn {
  width: 80px;
  height: 0.34rem;
  line-height: 0.34rem;
}
.cust-title {
  padding: 0 10px 10px;
  font-size: 13px;
}
.el-dialog {
  min-height: 200px;
}
.jlTable > ::v-deep .el-table__fixed {
  height: auto !important;
  bottom: 12px !important;
}
.checkMagin {
  margin-left: 20px;
}
.tableTitle {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #2e99e0;
  border: 1px solid #09549c;
  color: #fff;
  padding: 0 20px;
  margin: 0 auto;
}
</style>
